
    <h2>Person overview</h2>
    <div class="eventTableWrap">
        <table class="eventTable">
            <thead>
                <tr class="head">
                    <th class="nameCell">Name:</th>
                    <th class="nameCell">Partner:</th>
                    <th class="nameCell">Function:</th>
                    <th class="wideCell">Phone:</th>
                    <th class="narrowCell">Emailaddress:</th>
                </tr>
            </thead>
            <tbody>
                <? for($i=1; $i<=20; $i++) {
                    if($i % 2) {
                        echo '<tr>';
                        echo '<td class="nameCell">John Doe</td>';
                        echo '<td class="nameCell">University of Utrecht</td>';
                        echo '<td class="nameCell">PR Manager</td>';
                        echo '<td class="wideCell">+31 30 128 542 598</td>';
                        echo '<td class="narrowCell">info@uu.nl</td>';
                        echo '</tr>';
                    }
                    else {
                        echo '<tr>';
                        echo '<td class="nameCell">Jan Klaassen</td>';
                        echo '<td class="nameCell">RUG University of Groningen</td>';
                        echo '<td class="nameCell">Communications officer</td>';
                        echo '<td class="wideCell">+31 30 128 542 598</td>';
                        echo '<td class="narrowCell">info@vu.nl</td>';
                        echo '</tr>';
                    }
                } ?>
            </tbody>
        </table>
    </div>
    <input type="button" class="button addButton" name="addPerson" value="Add" onclick="showAddPersonForm"/>
    <div class="addPersonForm">

        <div class="personRoll">
            <label>Select a roll:</label><br/>
            <div class="personRollapp">
                <input type="radio" name="roll" value="Admin"/><label>Admin</label> <br/>
                <input type="radio" name="roll" value="Author"/><label>Author</label> <br/>
            </div>
            <div class="personRollapp">
                <input type="radio" name="roll" value="Internal Contact"/><label>Internal Contact</label><br/>
                <input type="radio" name="roll" value="Internal Contact & Author"/><label>Internal Contact & Author</label><br/>
            </div>
        </div>
        <div class="personField">
            <label>Name:</label>
            <input type="text" name="personName"/>
            <label>Last name:</label>
            <input type="text" name="personLastName"/>
            <label>Phone:</label>
            <input type="text" name="personPhone"/>
        </div>

        <div class="personField">
            <label>Email:</label>
            <input type="text" name="personEmail">
            <label>Function:</label>
            <input type="text" name="personFunction">
            <label>Partner:</label>
            <select name="personAddPartner">
                <option value="1">University of Utrecht</option>
                <option value="2">HU University of Applied Sciences</option>
                <option value="3">VU Univesity of Amsterdam</option>
            </select>
        </div>

        <div class="personField">
            <label>Upload picture:</label>
            <input type="file" name="personFile"/>
            <label>Leading contact:</label>
            <input type="checkbox" name="personLeading" value="leadingContact"/>
        </div>

        <div class="personGroup">
            <fieldset>
                <legend>Address:</legend>
                <label>Address:</label>
                <input type="text" name="personAddress"/>
                <label>Postal code:</label>
                <input type="text" name="personPostalcode"/>
                <label>City:</label>
                <input type="text" name="personCity"/>
                <label>Extra:</label>
                <input type="text" name="personExtra" value="e.g. building, room etc."/>
            </fieldset>
        </div>
        <div class="personGroup">

            <fieldset>
                <legend>Social Media:</legend>
                <label>Facebook:</label>
                <input type="text" name="personFacebook"/>
                <label>Twitter:</label>
                <input type="text" name="personTwitter"/>
                <label>Linkedin:</label>
                <input type="text" name="personLinkedin"/>
                <label>Other:</label>
                <input type="text" name="personOther"/>
            </fieldset>
        </div>
        <div class="formButton" style="top:208px;">
            <input type="button" class="button" name="cancelAddPerson" value="Cancel"/>
            <input type="submit" class="button" name="addPerson" value="Save"/>
        </div>
    </div>


